﻿@charset "utf-8";
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; font-size: 0 }
.clearfix { *zoom:1
}
.pt20 { padding-top: 20px }
.w980{ width:980px; }
.bc { margin-left: auto; margin-right: auto }
.search-wrap { min-height: 334px; _height: 334px; background: url(../images/tao/bg.jpg) 50% top no-repeat; position: relative; }
.nav-tutorial a { float: right; padding-left: 30px; color: #666; font-size: 16px; line-height: 32px; background: url(../images/tao/top_alpha.png) -244px 2px no-repeat }
.nav-tutorial a:hover { color: #666; }
.tb-search { margin: 0 auto; width: 850px; padding: 100px 0 0 }
.tb-search li { float: left; position: relative; margin-right: 15px; font-size: 16px }
.tb-search li a { display: inline-block; overflow: visible; padding: 0 10px; line-height: 28px; }
.tb-search li a:hover { text-decoration: none }
.tb-search li a i { position: absolute; visibility: hidden; overflow: hidden; width: 16px; height: 8px; bottom: -8px; left: 50%; margin-left: -8px; background: url(../images/tao/top_alpha.png) -166px 0 no-repeat; line-height: 0; font-size: 0 }
.tb-search li a.current { background: #ee4445; border: 0; color:#FFF }
.tb-search li a.current i { visibility: visible }
.pane-tb { margin: 10px auto 0; width: 844px; padding: 3px; position:relative; background:#ee4445 }
.pane-tb .pane { padding-left: 36px;height: 46px; background: #FFF url(../images/tao/top_alpha.png) -190px 10px no-repeat; }
.pane-tb .search-input { float: left; padding: 7px 0 7px 5px; width: 643px; height: 32px; border: 0; background:#FFF; font-size: 15px; line-height: 32px; color: #aaa; font-family: "微软雅黑" }
.pane-tb .search-input:focus, .pane-tb .search-input:active { outline: none !important }
.pane-tb input.btn { float: left; display: block; background: url(../images/tao/top_alpha.png) no-repeat; border: none; font-size: 20px; cursor: pointer; width: 160px; height: 46px; overflow: hidden; }

.step_1{ width:100%; height:477px;background:url(../images/tao/step_01.gif) no-repeat; background-position:center;}
.step_2{ width:100%; height:424px;background:url(../images/tao/step_02.gif) no-repeat; background-position:center;}
.step_3{ width:100%; height:418px;background:url(../images/tao/step_03.gif) no-repeat; background-position:center;}
.step_4{ width:100%; height:397px;background:url(../images/tao/step_04.gif) no-repeat; background-position:center;}


#m_cat a{color:#3E3E3E;text-decoration:none;}
#m_cat .gray a,a.gray{color:#808080;}
#m_cat .blue a,a.blue{color:#36C;}
#m_cat .orange a,a.orange{color:#F60;}
#m_cat a:hover{color:#F50;text-decoration:underline;}
#m_cat .fl{float:left;}.fr{float:right;}
#m_cat .clear{clear:both;height:0px;line-height:1px;font-size:1px;width:100%; overflow:hidden;}
#m_cat .bk5,.bk10,.bk15,.bk20{clear:both;height:5px;width:100%;overflow:hidden;}
#m_cat .bk10{height:10px;}.bk15{height:15px;}.bk20{height:20px;}

#m_cat .ccc{color:#ccc;}
#m_cat .i_border a,a.i_border{border:1px #E9E9E9 solid;display:inline-block;}.i_border a:hover,a:hover.i_border{border-color:#F60;}

/*category*/
#m_cat{width:1200px; margin:0 auto;margin-top:10px;overflow:hidden; text-align:left;}
#m_cat dl{width:550px; height:250px;float:left;padding-left:8px;border:1px #fff solid;margin-bottom:15px;margin-left:15px;*margin-left:15px;background:#fff;overflow:hidden;}
#m_cat dl.on,#m_cat dl.onone{width:550px; height:250px;float:left;padding-left:8px;border:1px #A9DEED solid;background-color:#F3FAFC;margin-bottom:15px;margin-left:15px;*margin-left:15px;overflow:hidden;}
#m_cat dl.one{}
#m_cat dl.last{}
#m_cat dl.last dd{border-bottom-color:#FFF;}
#m_cat dt {width:870px;height:50px;margin:0 auto;overflow:hidden;clear:both;}
#m_cat dt a.tt{float:left;width:auto;height:18px;margin-top:21px;display:block;overflow:hidden; font-size:16px; font-weight:bold}
#m_cat dt a.t_1{background-position:0 -106px;}
#m_cat dt a.t_2{background-position:0 -126px;}
#m_cat dt a.t_3{background-position:0 -146px;}
#m_cat dt a.t_4{background-position:0 -166px;}
#m_cat dt a.t_5{background-position:0 -186px;}
#m_cat dt a.t_6{background-position:0 -206px;}
#m_cat dt a.t_7{width:102px;background-position:0 -226px;}
#m_cat dt a.t_8{background-position:0 -246px;}
#m_cat dt a.t_9{background-position:0 -266px;}
#m_cat dt span.text{position:absolute;height:23px;margin:19px 0 0 10px;padding-left:11px;background:url('../images/tao/imgs_index.png') no-repeat 0 -22px;}
#m_cat dt span.text em span{height:21px;line-height:21px;padding:0 3px;color:#F60;display:inline-block;border-radius:0 3px 3px 0px ;border-top:1px #FEBE8F solid;border-bottom:1px #FEBE8F solid;border-right:1px #FEBE8F solid;background:#FFF8D9;}
#m_cat dd{padding-bottom:7px;margin-right:8px;}
#m_cat dd .box{float:left;width:250px;height:26px;line-height:27px;margin:3px 11px 3px 5px;display:inline;overflow:hidden;}
#m_cat dd .box a{float:left;margin-left:13px;display:inline-block;}
#m_cat dd .box a.big{font-size:14px;font-weight:bold;color:#0092D2;}
#m_cat dd .box a.big:hover{color:#FF6600;}